<!doctype html>
<html class="fsvs demo" lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>WeShare</title>
        <meta name="description" content="CSS3 Full Screen Vertical Scroller with jQuery animation fallback" />
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <script src="assets/js/jquery.min.js"></script>
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">

        <script src="assets/js/main_en.js"></script>

        <!-- 翻页结构 -->
        <link rel="stylesheet" href="assets/css/default.css">
        <script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
        <script src="assets/js/jquery.swipe-events.js"></script>
        <script src="assets/js/prismjs.js"></script>
        <script src="assets/js/fsvs.js"></script>

        <!-- 响应式菜单 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="assets/css/normalize.css" media="screen">
        <link rel="stylesheet" href="assets/css/basic-styles.css" media="screen">
        <link rel="stylesheet" href="assets/css/htmleaf-demo.css">
        <link rel="stylesheet" href="assets/css/header.css" media="screen">
        <link rel="stylesheet" href="assets/css/okayNav-base.css" media="screen">
        <link rel="stylesheet" href="assets/css/okayNav-theme.css" media="screen">
        <!--[if IE]>
            <script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
        <![endif]-->

        <!-- 星空样式 -->
        <link rel="stylesheet" href="assets/css/sky.css">

        <!-- 翻页效果 -->
        <link rel="stylesheet" href="assets/css/flipclock.css">
        <script src="assets/js/flipclock.js"></script>

        <!-- 模态框效果 -->
        <!-- <link rel="stylesheet" type="text/css" href="assets/css/jquery.niftymodals.css">
        <script src="assets/js/jquery.niftymodals.js"></script> -->

        <!-- 圆形转换效果 -->
        <link rel="stylesheet" type="text/css" href="assets/css/s8CyrcleInfoBox.css">

        <!-- 轮播样式 -->
        <script src="assets/js/bootstrap.min.js"></script>


        <!-- 播放器 -->
        <link rel="stylesheet" href="assets/css/fz-video.css">
        <link rel="stylesheet" href="assets/fonts/iconfont.css">

        <!-- 自定义样式 -->
        <link rel="stylesheet" href="assets/css/main.css">
        <!-- 自定义js文件 -->
        <!-- <link rel="stylesheet" href="assets/js/main.js"> -->
    </head>
    <body>
        <header id="header" class="okayNav-header">
            <a class="okayNav-header__logo" href="/index_en.html">
               <img src="assets/img/logo.png" alt="placeholder+image">
               <!-- <h2>We Share</h2> -->
            </a>
            <nav role="navigation" id="nav-main" class="okayNav">
                <ul>
                    <li><a href="/token.html">GETSDK</a></li>
                    <li><a href="/contact.html">CONTACTUS</a></li>
                    <li><a href="/index_zh.html">中文</a></li>
                </ul>
            </nav>
        </header>
        <div id="fsvs-body">
            <div class="slide" id="slide-1">
                <div id="particles-js"></div>
                <script src="assets/js/particles.js"></script>
                <script src="assets/js/app.js"></script>
                <div class="fsvs-initial-setup-content">
                    <div class="title_1">Millions of WiFi<br>hotspots worldwide</div>
                    <div class="title_2">Global WiFi hotspots shared</div>
                    <div class="clock"></div>
                </div>
                <script src="assets/js/jquery.okayNav.js"></script>
            </div>
            <!-- 地图热力散点
            <div class="slide" id="basic-html-setup">
                <div id="container" style="height: 100%"></div>
                <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
                <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
            </div> -->
            <div class="slide" id="slide-3">
                <div class="fsvs-initial-setup-content">
                    <div class="title_1">WeShare WiFi SDK service</div>
                    <div class="title_2">Hotspot database and share the benefits <br> of increasing number of WiFi</div>
                    <a href="token_en.html">
                        <button class="know_more_btn md-trigger" data-modal="modal-1">For details</button>
                    </a> 

                        <!-- <div class="md-container md-effect-1" id="modal-1">
                            <div class="md-content">
                                <h3>获取 TOKEN</h3>
                                <div>
                                    <p>每个邮箱只能获取一个 token</p>
                                    <input type="email" name="mail">
                                    <a href="">已经获取过TOKEN</a>
                                    <button class="md-close get_token_btn">获取</button>
                                </div>
                            </div>
                        </div> -->
                        <!-- the overlay element -->
                        <!-- <div class="md-overlay"></div> -->
                </div>
            </div>
            <div class="slide" id="slide-4">
                <div class="big_screen">
                    <div class="row">
                        <!--Circle 2-->
                        <div class="col-sm-6">
                            <div class="circle2">
                                <ul class="circleWrapper wStyle2">
                                    <li>
                                        <div class="circleFeature fStyle2" data-cyrcleBox="cf1">
                                            <img src="assets/img/engagement.png" alt="placeholder+image">
                                        </div>
                                        <div class="circleBox innerStyle2" id="cf1">
                                            <strong>Increase user engagement</strong>
                                            <br>
                                            WeShare WiFi SDK saves data for mobile users,which increases user engagement and user loyalty for your app.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="circleFeature fStyle2" data-cyrcleBox="cf2">
                                            <img src="assets/img/global.png" alt="placeholder+image">
                                        </div>
                                        <div class="circleBox innerStyle2" id="cf2">
                                            <strong>WiFi is widely distributed</strong>
                                            <br>
                                            Hundereds of millions of WiFi hotspots can be found in 100+ countries all over the world
                                        </div>
                                    </li>
                                    <li>
                                        <div class="circleFeature fStyle2" data-cyrcleBox="cf3">
                                            <img src="assets/img/increase.png" alt="placeholder+image">
                                        </div>
                                        <div class="circleBox innerStyle2" id="cf3">
                                            <strong>Increase App revenue&brand awareness</strong>
                                            <br>
                                            WeShare App has over 18 million hotspots covering transportation hubs,commercial and recreation centers all over the world.By integrating our SDK,your app will have a higher chance to be used in these places.By increasing user engagement for your app,our SDK will bring higher ad revenue and add value to your app.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="circleFeature fStyle2" data-cyrcleBox="cf4">
                                            <img src="assets/img/light.png" alt="placeholder+image">
                                        </div>
                                        <div class="circleBox innerStyle2" id="cf4">
                                            <strong>Easy to integrate</strong>
                                            <br>
                                            Our SDK only takes 5 minutes to integrate.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="circleFeature fStyle2" data-cyrcleBox="cf5">
                                            <img src="assets/img/wifi.png" alt="placeholder+image">
                                        </div>
                                        <div class="circleBox innerStyle2" id="cf5">
                                            <strong>WiFi functions</strong>
                                            <br>
                                            The WiFi SDK has basic WiFi functions such as connection,disconnection,which has a more optimized layout and response speed than the original WiFi function in mobile systems.
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>                        
                    </div>
                </div>
                <script src="assets/js/s8CyrcleInfoBox.js" type="text/javascript"></script>


                <div class="md_screen">
                    

                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                      <!-- Indicators -->
                      <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                      </ol>

                      <!-- Wrapper for slides -->
                      <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="assets/img/global_1.png">
                            <h2>WiFi is widely distributed</h2>
                            Hundereds of millions of WiFi hotspots can be found in 100+ countries all over the world
                        </div>
                        <div class="item">
                            <img src="assets/img/engagement_1.png">
                            <h2>Increase user engagement</h2>
                            WeShare WiFi SDK saves data for mobile users,which increases user engagement and user loyalty for your app.
                        </div>  
                        <div class="item">
                            <img src="assets/img/increase_1.png">
                            <h2>Increase App revenue&brand awareness</h2>
                            WeShare App has over 18 million hotspots covering transportation hubs,commercial and recreation centers all over the world.By integrating our SDK,your app will have a higher chance to be used in these places.By increasing user engagement for your app,our SDK will bring higher ad revenue and add value to your app.
                        </div>
                        <div class="item">
                            <img src="assets/img/wifi_1.png">
                            <h2>WiFi functions</h2>
                            The WiFi SDK has basic WiFi functions such as connection,disconnection,which has a more optimized layout and response speed than the original WiFi function in mobile systems.
                        </div>
                        <div class="item">
                            <img src="assets/img/light_1.png">
                            <h2>Easy to integrate</h2>
                            Our SDK only takes 5 minutes to integrate.
                        </div>
                      </div>

                      <!-- Controls -->
                      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <!-- <span class="sr-only">Previous</span> -->
                      </a>
                      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <!-- <span class="sr-only">Next</span> -->
                      </a>
                    </div>



                </div>
            </div>
            <div class="slide" id="slide_5">
                <div id="testBox"></div>
                <div id="cooperation">
                    <h3>Our Partners</h3>
                    <img src="assets/img/7partners.png" alt="placeholder+image">
                </div>
                <div id="cooperation-phone">
                    <h3>Our Partners</h3>
                    <img src="assets/img/7partners_phone.png" alt="placeholder+image">
                </div>
                <script src="assets/js/fz-video.js"></script>

                <footer>
                    <span>@2011-2017 Pegasus Network Inc Co.,Ltd.</span>
                    <!-- <a href="/index.html">中文</a> -->
                    <a href="/license_en.html">License Agreement</a>
                    <a href="/contact_en.html">Contact Us</a>
                </footer>
            </div>
        </div>
    </body>
    <script type="text/javascript">

        $(document).ready(function() {
            $(".carousel-inner .item").each(function(index, element) {
                element.style.marginTop = "30%";                
            });

            
            function isIE() {
             if (!!window.ActiveXObject || "ActiveXObject" in window)
              return true;
              else
              return false;
             }


            if (isIE()) {
                $('footer')[0].style.position = "relative";
                $('footer')[0].style.bottom = "20px";
            }

        })
        
    </script>
</html>